<template>
  <el-container class="user" direction="vertical">
    <el-main class="user-main">
      <div class="user-box">

      </div>
    </el-main>
  </el-container>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
$bgcolor: rgb(212, 241, 239);
$main-body-bg: #323542;
$text-color: #fff;

.user {
  height: 100%;
  background: $bgcolor;
  color: $text-color;

  &-main {
    text-align: center;
    display: flex;
    align-items: center;

    .login-box {
      width: 50%;
      max-width: 400px;
      border-radius: $border-radius;
      background: $main-body-bg;
      margin: 0 auto;
      padding: 2rem;
      box-sizing: border-box;
    }
  }
}
</style>
